document.addEventListener('DOMContentLoaded', function () {
    // 获取所有 <a> 元素
    var links = document.querySelectorAll('.des-middle-box-title a');

    // 遍历每个 <a> 元素
    links.forEach(function (link) {
        // 为每个 <a> 元素添加点击事件监听器
        link.addEventListener('click', function (e) {
            e.preventDefault(); // 阻止默认的链接点击行为

            // 移除所有 <a> 元素上的 'active' 类
            links.forEach(function (item) {
                item.classList.remove('active');
            });

            // 将 'active' 类添加到被点击的 <a> 元素上
            this.classList.add('active');

            // 获取被点击 <a> 元素的文本内容
            var targetText = this.textContent.trim();

            // 查找包含目标文本的相应 <div> 元素
            var targetDiv = document.querySelector('.brand_info h3');
            while (targetDiv) {
                if (targetDiv.textContent.trim() === targetText) {
                    break;
                }
                targetDiv = targetDiv.parentElement.nextElementSibling.querySelector('h3');
            }

            // 如果找到目标 <div> 元素，则平滑地滚动到目标位置
            if (targetDiv) {
                targetDiv.parentElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        });
    });
});